$(function(){
    //保证在手机上的尺寸
    $('html').css('min-width','1280px');
    
    $('#dowebok').fullpage({
        anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7'],
        menu: '.menu,.gb-nav ul',
        verticalCentered: false,
        scrollingSpeed: 300,
        afterLoad: function(anchorLink, index){
            if(index == 3){
                $('.h_sec3').find('li').removeClass('off').removeClass('mark');
            }
        },
        onLeave: function(index, direction){
            
        }
    });
    setInterval(function(){
//      $.fn.fullpage.moveSlideRight({
//          slidesNavigation: true
//      });
    }, 3000);
    
    if($('.glide')){
        $('.glide').height($('.section').height());
        
        $('.slide_item').height($('.glide').height()).width($('.slides').width()/3 + 'px');//.width($('.section').width())
        var glide = $('.glide').glide({
            autoplay:2000,//是否自动播放 默认值 true如果不需要就设置此值
            animationTime:500, //动画过度效果，只有当浏览器支持CSS3的时候生效
    
            arrows:false, //是否显示左右导航器
            //arrowsWrapperClass: "arrowsWrapper",//滑块箭头导航器外部DIV类名
            //arrowMainClass: "slider-arrow",//滑块箭头公共类名
            //arrowRightClass:"slider-arrow--right",//滑块右箭头类名
            //arrowLeftClass:"slider-arrow--left",//滑块左箭头类名
            arrowRightText:"",//定义左右导航器文字或者符号也可以是类
            arrowLeftText:"",
    
            nav:true, //主导航器也就是本例中显示的小方块
            navCenter:true, //主导航器位置是否居中
            navClass:"slider-nav",//主导航器外部div类名
            navItemClass:"slider-nav__item", //本例中小方块的样式
            navCurrentItemClass:"slider-nav__item--current" //被选中后的样式
        });
    }
    //第3屏
    $('.h_sec3 li,.roll_wrap').height($('.h_sec3').height());
    //屏幕放生变化的时
    $(window).resize(function(){
/*      $('.h_sec3 li,.roll_wrap').height($('.h_sec3').height());
*/      pos();
        site();
    });
    $('.h_sec3').resize(function(){
        $('.h_sec3 li').height($('.h_sec3').height());  
    })
    $('.h_sec3 li').click(function(){
        $('.h_sec3 li').addClass('off').removeClass('on').removeClass('mark');
        $(this).removeClass('off').addClass('mark').addClass('on');
        pos();
        site();
    })
    setTimeout(function(){
        //$('.h_sec3 li').eq(1).addClass()
    },1300)
    //prev和next的节点位置
    var last_i = $('.roll_wrap li').length-1;
    function site() {
        var tar_ele = $('.roll_wrap li.on');
        var w = tar_ele.width();
        var $_prev = $('.roll_wrap .prev');
        var $_next = $('.roll_wrap .next');
        var l = tar_ele.offset().left - $_prev.width();
        var r = tar_ele.offset().left + w - 1;
        $_prev.css('left',l);
        $_prev.css('display','none').stop(true,true).show().animate({
            'left': l,
        },700)
        $_next.css('display','none').stop(true,true).show().animate({
            left: r,
        },300);
    }
    //首次执行site，是css3的动画1.3结束后
    setTimeout(site,2000);  
    function pos() {
        var j = $('.roll_wrap li.on').index();
        var w = 18;
        var w_on = 28;
        for(var i = 0; i < $('.roll_wrap li').length; i++){
            if(i < (j + 1)){
                $('.roll_wrap li').eq(i).css({
                    'left' : '' + i*w+ "%" ,
                    'z-index' : i + 1
                })
            } else {
                $('.roll_wrap li').eq(i).css({
                    'left' : '' + ((i - 1) * w + w_on) + "%" ,
                    'z-index' : i + 1
                });
            }
        }
        $('.roll_wrap li.on').css('z-index',999);
    }
    pos();
    $('.roll_wrap .prev').click(function(){
        var i = $('.roll_wrap li.on').index();
        if(i > 0){
            $('.roll_wrap li').eq(i).removeClass('on').removeClass('mark').addClass('off').prev().addClass('on').addClass('mark').removeClass('off');   
        } else if(i == 0) {
            $('.roll_wrap li').eq(i).removeClass('on').removeClass('mark').addClass('off');
            $('.roll_wrap li').eq(last_i).addClass('on').addClass('mark').removeClass('off');
        }
        pos();
        site();
    })
    $('.roll_wrap .next').click(function(){
        var i = $('.roll_wrap li.on').index();
        if(i < last_i){
            $('.roll_wrap li').eq(i).removeClass('on').removeClass('mark').addClass('off').next().addClass('on').addClass('mark').removeClass('off');   
        } else if(i == last_i) {
            $('.roll_wrap li').eq(i).removeClass('on').removeClass('mark').addClass('off');
            $('.roll_wrap li').eq(0).addClass('on').addClass('mark').removeClass('off');
        }
        pos();
        site();
    })
    $('.gb-nav li').click(function(){
        $(this).addClass('active').siblings().removeClass('active');
        // $('title').text($(this).find('a').text());;
    });
    // $('#menu li').click(function(){
    //     $('title').text($('.gb-nav li').eq($(this).index()).find('a').text());
    // });
    
});

